<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <register></register>
        <memu-register></memu-register>
    </div>
    
    <template id="memu-register">
        <div>
            <ul>
                <li>菜单1</li>
                <li>菜单2</li>
                <li>菜单3</li>
            </ul>
        </div>
    </template>
</body>
</html>
<script type="module">
    import {} from './js/vue.js'

// 定义注册组件
    let register = {
        template:`<div><h1>用户注册</h1></div>`
    }
    // 定义变量用来保存菜单组件
    let memuRegister = {
        template:'#memu-register'
    }
    new Vue({
        el:'#app',
        data:{
            msg:'hello vue'
        },
        methods: {
            
        },
        computed:{
            
        },
        components:{
            register,
            'memu-register':memuRegister
        }
    })
</script>